<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        window.onload = function(){
            // var btn = document.getElementById('box')
            // var clicked = function(){
            //     console.log("2222")
            // }
            // btn.onclick = clicked
            document.onkeydown=function(event){
                console.log(event.keyCode)
            }
        }
    </script>
</head>
<body>
    <!--
        鼠标事件：
        onload:页面加载时触发
        onclick：鼠标点击时触发
        onmouseover：鼠标滑过时触发
        onmouseout：鼠标离开时触发
        onfocus：获得焦点时触发
        onblur:失去焦点时触发
        onchange：域的内容改变时发生
        onresize:当调整浏览器窗口的大小时触发
        onscroll：拖动滚动条滚动时触发
        键盘事件：
            onkeydown：在用户按下一个键盘按钮时发生
            onkeypress：在按下键盘按键时发生
            onkeyup：在键盘按键被松开时发生
            keyCode：返回以上的事件触发的键的值的字符代码，或键的代码

    -->
    <div id="box">这是一个DIV</div>
</body>
</html>